<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>外轮廓</title>
        <style>
            div{
                width: 200px;
                height: 200px;
                background:red;
                /*
                外轮廓：宽度 样式 颜色
                外轮廓在页面中不占有位置
                */
                outline: 20px solid blue;
            }

        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>